.page {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  width: 750rpx;
  height: 1333.3333333333333rpx;
  overflow: hidden;
  .section_1 {
    width: 750rpx;
    height: 411.80555555555554rpx;
    background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/cd431bc5a381408894b744c990226b48_mergeImage.png)
      100% no-repeat;
    background-size: 100% 100%;
    .section_2 {
      width: 750rpx;
      height: 141.66666666666666rpx;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5836bdfbd59b7a33fc57ac591abb492880ccb5579be4a86642d1cff117e2b056)
        100% no-repeat;
      background-size: 100% 100%;
      margin-top: 1.3888888888888888rpx;
      justify-content: flex-center;
      .nav-bar_2 {
        width: 750rpx;
        height: 90.27777777777777rpx;
        margin-top: 43.75rpx;
        .icon_1 {
          width: 38.888888888888886rpx;
          height: 40.27777777777778rpx;
          margin: 27.083333333333332rpx 0 0 33.333333333333336rpx;
        }
        .text_1 {
          width: 75rpx;
          height: 52.083333333333336rpx;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 37.5rpx;
          font-family: PingFangSC-Medium;
          font-weight: 500;
          text-align: center;
          white-space: nowrap;
          line-height: 52.083333333333336rpx;
          margin: 14.583333333333334rpx 0 0 265.27777777777777rpx;
        }
        .applet-top-bar_1 {
          width: 181.94444444444446rpx;
          height: 66.66666666666667rpx;
          margin: 13.194444444444445rpx 31.944444444444443rpx 0
            123.61111111111111rpx;
        }
      }
      .block_9 {
        width: 750rpx;
        height: 51.388888888888886rpx;
        margin-bottom: 43.75rpx;
      }
    }
    .section_6 {
      width: 404.1666666666667rpx;
      height: 125rpx;
      margin: 85.41666666666667rpx 0 58.333333333333336rpx 106.25rpx;
      .single-avatar_1 {
        width: 125rpx;
        height: 125rpx;
      }
      .text-group_3 {
        width: 260.4166666666667rpx;
        height: 97.22222222222223rpx;
        .text_2 {
          width: 166.66666666666666rpx;
          height: 46.52777777777778rpx;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 33.333333333333336rpx;
          font-family: PingFangSC-Semibold;
          font-weight: 600;
          text-align: left;
          white-space: nowrap;
          line-height: 46.52777777777778rpx;
        }
        .text_3 {
          width: 260.4166666666667rpx;
          height: 34.72222222222222rpx;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 25rpx;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 34.72222222222222rpx;
          margin-top: 15.972222222222221rpx;
        }
      }
    }
  }
  .group_3 {
    width: 750rpx;
    height: 818.0555555555555rpx;
    .section_7 {
      width: 700.6944444444445rpx;
      height: 165.27777777777777rpx;
      margin: 36.111111111111114rpx 0 0 33.333333333333336rpx;
      .text-wrapper_4 {
        height: 165.27777777777777rpx;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2f08bebb1d99cc606070fdcbc5eefce3256523bfb4ed2d34ce48fd17cdc087ff) -29.166666666666668rpx -37.5rpx
          no-repeat;
        background-size: 386.1111111111111rpx 240.27777777777777rpx;
        width: 327.77777777777777rpx;
        .text_7 {
          width: 135.41666666666666rpx;
          height: 46.52777777777778rpx;
          overflow-wrap: break-word;
          color: rgba(51, 51, 51, 1);
          font-size: 33.333333333333336rpx;
          letter-spacing: 0.7200000286102295px;
          font-family: PingFangSC-Medium;
          font-weight: 500;
          text-align: center;
          white-space: nowrap;
          line-height: 46.52777777777778rpx;
          margin: 54.861111111111114rpx 0 0 41.666666666666664rpx;
        }
      }
      .text-wrapper_3 {
        height: 165.27777777777777rpx;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng44d4913337ac17c582c441e0924a9f3ad89fd243f0b79702a6e7bbc54984ed95) -45.833333333333336rpx -37.5rpx
          no-repeat;
        background-size: 387.5rpx 240.27777777777777rpx;
        width: 327.77777777777777rpx;
        .text_8 {
          width: 135.41666666666666rpx;
          height: 46.52777777777778rpx;
          overflow-wrap: break-word;
          color: rgba(51, 51, 51, 1);
          font-size: 33.333333333333336rpx;
          letter-spacing: 0.7200000286102295px;
          font-family: PingFangSC-Medium;
          font-weight: 500;
          text-align: center;
          white-space: nowrap;
          line-height: 46.52777777777778rpx;
          margin: 54.861111111111114rpx 0 0 25rpx;
        }
      }
    }
    .section_8 {
      width: 684.0277777777778rpx;
      height: 55.55555555555556rpx;
      margin: 94.44444444444444rpx 0 0 33.333333333333336rpx;
      .icon_2 {
        width: 50.69444444444444rpx;
        height: 40.97222222222222rpx;
        margin-top: 2.7777777777777777rpx;
      }
      .text_4 {
        width: 133.33333333333334rpx;
        height: 46.52777777777778rpx;
        overflow-wrap: break-word;
        color: rgba(51, 51, 51, 1);
        font-size: 33.333333333333336rpx;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 46.52777777777778rpx;
        margin-left: 22.22222222222222rpx;
      }
      .image-text_3 {
        width: 177.08333333333334rpx;
        height: 40.97222222222222rpx;
        margin: 14.583333333333334rpx 0 0 300.69444444444446rpx;
        .text-group_2 {
          width: 145.83333333333334rpx;
          height: 40.97222222222222rpx;
          overflow-wrap: break-word;
          color: rgba(153, 153, 153, 1);
          font-size: 29.166666666666668rpx;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 40.97222222222222rpx;
        }
        .icon_3 {
          width: 31.25rpx;
          height: 24.305555555555557rpx;
          margin-top: 6.944444444444445rpx;
        }
      }
    }
    .block_3 {
      background-color: rgba(246, 246, 246, 1);
      width: 750rpx;
      height: 13.88888888888889rpx;
      margin-top: 34.72222222222222rpx;
    }
    .section_9 {
      width: 688.8888888888889rpx;
      height: 46.52777777777778rpx;
      margin: 45.833333333333336rpx 0 0 34.02777777777778rpx;
      .icon_12 {
        width: 48.611111111111114rpx;
        height: 40.27777777777778rpx;
        margin-top: 3.4722222222222223rpx;
      }
      .text_5 {
        width: 133.33333333333334rpx;
        height: 46.52777777777778rpx;
        overflow-wrap: break-word;
        color: rgba(51, 51, 51, 1);
        font-size: 33.333333333333336rpx;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 46.52777777777778rpx;
        margin-left: 23.61111111111111rpx;
      }
      .icon_5 {
        width: 31.25rpx;
        height: 24.305555555555557rpx;
        margin: 21.52777777777778rpx 0 0 452.0833333333333rpx;
      }
    }
    .block_5 {
      background-color: rgba(246, 246, 246, 1);
      width: 744.4444444444445rpx;
      height: 13.88888888888889rpx;
      margin: 44.44444444444444rpx 0 0 5.555555555555555rpx;
    }
    .section_10 {
      width: 679.1666666666666rpx;
      height: 46.52777777777778rpx;
      margin: 54.861111111111114rpx 0 0 38.19444444444444rpx;
      .icon_13 {
        width: 41.666666666666664rpx;
        height: 40.27777777777778rpx;
        margin-top: 2.0833333333333335rpx;
      }
      .text_6 {
        width: 133.33333333333334rpx;
        height: 46.52777777777778rpx;
        overflow-wrap: break-word;
        color: rgba(51, 51, 51, 1);
        font-size: 33.333333333333336rpx;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 46.52777777777778rpx;
        margin-left: 26.38888888888889rpx;
      }
      .icon_7 {
        width: 31.25rpx;
        height: 24.305555555555557rpx;
        margin: 21.52777777777778rpx 0 0 446.52777777777777rpx;
      }
    }
    .block_7 {
      background-color: rgba(246, 246, 246, 1);
      width: 744.4444444444445rpx;
      height: 13.88888888888889rpx;
      margin: 44.44444444444444rpx 0 107.63888888888889rpx 5.555555555555555rpx;
    }
  }
  .tab-bar_1 {
    box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 1);
    width: 750rpx;
    height: 104.16666666666667rpx;
    margin-top: -0.6944444444444444rpx;
    .tab-bar-item_5 {
      width: 66.66666666666667rpx;
      height: 79.86111111111111rpx;
      margin: 10.416666666666666rpx 0 0 63.888888888888886rpx;
      .icon_8 {
        width: 47.22222222222222rpx;
        height: 47.22222222222222rpx;
        margin-left: 7.638888888888889rpx;
      }
      .text_9 {
        width: 66.66666666666667rpx;
        height: 29.166666666666668rpx;
        overflow-wrap: break-word;
        color: rgba(153, 153, 153, 1);
        font-size: 20.833333333333332rpx;
        letter-spacing: 0.45000001788139343px;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
        line-height: 29.166666666666668rpx;
        margin-top: 3.4722222222222223rpx;
      }
    }
    .tab-bar-item_6 {
      width: 55.55555555555556rpx;
      height: 81.94444444444444rpx;
      margin: 10.416666666666666rpx 0 0 125rpx;
      .icon_9 {
        width: 47.22222222222222rpx;
        height: 47.22222222222222rpx;
        margin-left: 3.4722222222222223rpx;
      }
      .text_10 {
        width: 55.55555555555556rpx;
        height: 31.25rpx;
        overflow-wrap: break-word;
        color: rgba(153, 153, 153, 1);
        font-size: 20.833333333333332rpx;
        letter-spacing: 0.45000001788139343px;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
        line-height: 29.166666666666668rpx;
        margin-top: 3.4722222222222223rpx;
      }
    }
    .tab-bar-item_7 {
      width: 55.55555555555556rpx;
      height: 81.94444444444444rpx;
      margin: 10.416666666666666rpx 0 0 127.77777777777777rpx;
      .icon_10 {
        width: 47.22222222222222rpx;
        height: 47.22222222222222rpx;
        margin-left: 3.4722222222222223rpx;
      }
      .text_11 {
        width: 55.55555555555556rpx;
        height: 31.25rpx;
        overflow-wrap: break-word;
        color: rgba(153, 153, 153, 1);
        font-size: 20.833333333333332rpx;
        letter-spacing: 0.45000001788139343px;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
        line-height: 29.166666666666668rpx;
        margin-top: 3.4722222222222223rpx;
      }
    }
    .tab-bar-item_8 {
      width: 59.02777777777778rpx;
      height: 81.25rpx;
      margin: 10.416666666666666rpx 68.05555555555556rpx 0 128.47222222222223rpx;
      .icon_11 {
        width: 47.22222222222222rpx;
        height: 47.22222222222222rpx;
        margin-left: 4.861111111111111rpx;
      }
      .text_12 {
        width: 59.02777777777778rpx;
        height: 29.166666666666668rpx;
        overflow-wrap: break-word;
        color: rgba(111, 198, 94, 1);
        font-size: 20.833333333333332rpx;
        letter-spacing: 0.45000001788139343px;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
        line-height: 29.166666666666668rpx;
        margin-top: 4.861111111111111rpx;
      }
    }
  }
}
